<template>
	<el-container>
		<el-breadcrumb separator-class="el-icon-arrow-right">
			<el-breadcrumb-item>首页</el-breadcrumb-item>
			<el-breadcrumb-item>电商数据管理</el-breadcrumb-item>
			<el-breadcrumb-item>电商基本信息管理</el-breadcrumb-item>
		</el-breadcrumb>
		<el-header style="height: auto;">
			<el-form inline>
				<el-form-item label="管理编号" size="mini">
					<el-input placeholder="管理编号"></el-input>
				</el-form-item>
				<el-form-item label="电商企业" size="mini">
					<el-input placeholder="电商企业"></el-input>
				</el-form-item>
				<el-form-item label="电商系统" size="mini">
					<el-select placeholder="电商系统" value="全部">
						<el-option value="电商系统" />
						<el-option value="农业电商系统" />
						<el-option value="B电商系统" />
					</el-select>
				</el-form-item>
				<el-form-item label="责任人" size="mini">
					<el-input placeholder="责任人"></el-input>
				</el-form-item>
				<el-form-item label="联系电话" size="mini">
					<el-input placeholder="联系电话"></el-input>
				</el-form-item>
				<el-form-item label="公司住址" size="mini">
					<el-input placeholder="公司住址"></el-input>
				</el-form-item>
        <el-form-item label="注册时间" size="mini">
          <el-date-picker
                type="date"
                placeholder="选择日期">
              </el-date-picker>
        </el-form-item>
				<el-form-item size="mini">
					<el-button icon="el-icon-search" type="primary">查询</el-button>
					<el-button icon="el-icon-refresh">重置</el-button>
				</el-form-item>
			</el-form>
		</el-header>
		<el-main>
			<el-row style="float: right; margin-bottom: 10px;">
				<el-button icon="el-icon-plus" size="mini" type="primary">新增</el-button>
				<el-button icon="el-icon-delete" size="mini" type="danger">删除</el-button>
				<el-button icon="el-icon-download" size="mini" type="warning">导出</el-button>
			</el-row>
			<el-table :cell-style="{ textAlign: 'center' }" :data="tableData"
				:header-cell-style="{ backgroundColor: '#f7f8fa', textAlign: 'center' }" size="mini">
				<el-table-column type="selection" />
				<el-table-column label="序号" prop="id" />
				<el-table-column label="管理编号" prop="code" />
				<el-table-column label="电商系统" prop="system" />
				<el-table-column label="电商企业" prop="company" />
				<el-table-column label="注册时间" prop="time" />
				<el-table-column label="注册金额" prop="money" />
				<el-table-column label="责任人" prop="responser" />
				<el-table-column label="联系电话" prop="tel" />
				<el-table-column label="公司地址" prop="address" />
				<el-table-column label="操作">
					<template slot-scope="scope">
						<el-button icon="el-icon-edit" title="编辑" type="text"></el-button>
						<el-button icon="el-icon-circle-plus-outline" title="新增" type="text"></el-button>
						<el-button icon="el-icon-delete" style="color: red" title="删除" type="text"></el-button>
					</template>
				</el-table-column>
			</el-table>
			<el-pagination :total="3" layout="total, sizes, prev, pager, next, jumper" />
		</el-main>
	</el-container>
</template>

<script>
	export default {
		data () {
			return {
				tableData: [{
						id: '1',
						code: 'D001',
						system: '农业电商系统',
            company: '淘宝',
            time: '2022年10月1日',
            money: '1000万',
            responser: '李怡悦',
            tel: '19490982231',
            address: '西安市西安区长虹街道1024号'
					},
					{
						id: '2',
						code: 'D002',
						system: 'B电商系统',
            company: '天猫',
            time: '2022年1月14日',
            money: '1000万',
            responser: '李四',
            tel: '19289999000',
            address: '济南市历下区港沟街道23号'
					},
					{
						id: '3',
						code: 'D003',
						system: '电商系统',
            company: '京东',
            time: '2023年7月24日',
            money: '1000万',
            responser: '王泽',
            tel: '19112312388',
            address: '滨州市邹平市黄山街道120号'
					}
				]
			}
		}
	}
</script>

<style scoped>
	.el-breadcrumb {
		margin: 5px;
	}

	.el-container {
		background-color: #eef3fa;
		height: 100%;
		padding: 10px;
	}

	/* .el-form-item--mini.el-form-item {
  margin-bottom: 0;
} */
	.el-header {
		background-color: white;
		margin: 10px 0;
		padding: 15px 30px;
	}

	.el-main {
		background-color: white;
	}

	.el-pagination {
		margin-top: 10px;
		text-align: right;
	}
</style>
